<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>恒望科技</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<header>
		<div class="container">
			<nav class="clearfix">
				<div class="logo">
					<a href="#">
						<img src="images/logo.png" alt="">
					</a>
				</div>
				<div class="nav-open">
					<img src="images/nav.png" alt="">
				</div>
				<ul class="clearfix">
					<li><a href="#" class="active">首页</a></li>
					<li><a href="#">解决方案</a></li>
					<li><a href="#">产品展示</a></li>
					<li><a href="#">客户案例</a></li>
					<li><a href="#">服务中心</a></li>
					<li><a href="#">新闻动态</a></li>
					<li><a href="#">关于我们</a></li>
					<li><a href="#">招纳贤士</a></li>
				</ul>
			</nav>
		</div>
		<div class="banner clearfix">
			<div class="item-body">
				<div class="item active">
					<div class="left">
						<h2>全方位解决方案</h2>
						<h3>为您轻松解决不同问题</h3>
						<p>比客户更懂客户</p>
					</div>
					<div class="right">
						<a href="#"><img src="images/banner.png" alt=""></a>
					</div>
				</div>
				<div class="item">
					<div class="left">
						<h2>全方位解决方案</h2>
						<h3>为您轻松解决不同问题</h3>
						<p>比客户更懂客户</p>
					</div>
					<div class="right">
						<a href="#"><img src="images/banner.png" alt=""></a>
					</div>
				</div>
				<div class="item">
					<div class="left">
						<h2>全方位解决方案</h2>
						<h3>为您轻松解决不同问题</h3>
						<p>比客户更懂客户</p>
					</div>
					<div class="right">
						<a href="#"><img src="images/banner.png" alt=""></a>
					</div>
				</div>
			</div>
			<div class="list-op">
				<span class="active"></span>
				<span></span>
				<span></span>
			</div>
			<div class="list-sp">
				<span class="left">&lt;</span>
				<span class="right">&gt;</span>
			</div>
		</div>
	</header>
	<div class="main">
		<div class="container">
			<div class="solutions main-inner">
				<h3 class="title">解决方案</h3>
				<p>Solutions</p>
				<div class="solu-body">
					<div class="solu-box">
						<img src="images/four-1.png" alt="">
						<h4>网站、移动网站</h4>
						<p>微信公众号开发移动网站微信公众号开发</p>
					</div>
					<div class="solu-box">
						<img src="images/four-2.png" alt="">
						<h4>网站、移动网站</h4>
						<p>移动网站微信公众号开发移动网站微信公众号开发,解决方案</p>
					</div>
					<div class="solu-box">
						<img src="images/four-3.png" alt="">
						<h4>网站、移动网站</h4>
						<p>移动网站微信公众号开发移动网站微信公众号开发</p>
					</div>
					<div class="solu-box">
						<img src="images/four-4.png" alt="">
						<h4>网站、移动网站</h4>
						<p>网站、移动网站微信公众号开发移动网站微信公众号开发,解决方案</p>
					</div>
				</div>
			</div>
		</div>

		<div class="customer main-inner">
			<h3 class="title">客户案例</h3>
			<p>Customer Case</p>
			<div class="cust-body">
				<div class="cust-box">
					<img src="images/case-1.png" alt="">
				</div>
				<div class="cust-box">
					<img src="images/case-2.png" alt="">
				</div>
				<div class="cust-box">
					<img src="images/case-3.png" alt="">
				</div>
				<div class="cust-box">
					<img src="images/case-4.png" alt="">
				</div>
				<div class="cust-box">
					<img src="images/case-5.png" alt="">
				</div>
				<div class="cust-box">
					<img src="images/case-6.png" alt="">
				</div>
				<div class="cust-box">
					<img src="images/case-7.png" alt="">
				</div>
				<div class="cust-box">
					<img src="images/case-8.png" alt="">
				</div>
			</div>
		</div>
		<article>
			<div class="container clearfix">
				<div class="txt">
					<h3>全方位解决方案，为您轻松解决不同问题</h3>
					<p>A full range of solutions for you to solve different problems</p>
				</div>
				<a href="#" class="btn">查看更多》</a>
			</div>
		</article>
		<div class="news main-inner">
			<h3 class="title">新闻动态</h3>
			<p>Hengwang News</p>
			<div class="container">
				<div class="news-inner">
					<div class="news-box">
						<img src="images/news1.jpg" alt="">
						<div class="txt">
							<h4>关于召开年会的通知</h4>
							<p>互联网，又称国际网络或音译因特网、英特网，是网络与网络质检所串成连城的庞大网络与网络之...</p>
							<a href="#" class="btn">查看更多》</a>
						</div>
					</div>
					<div class="news-box">
						<img src="images/news2.jpg" alt="">
						<div class="txt">
							<h4>关于召开年会的通知</h4>
							<p>互联网，又称国际网络或音译因特网、英特网，是网络与网络质检所串成连城的庞大网络与网络之...</p>
							<a href="#" class="btn">查看更多》</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="serve main-inner">
			<h3 class="title">服务客户</h3>
			<p>Sever Customers</p>
			<div class="serve-body">
				<a href="#" class="serve-box">
					<img src="images/iame.png" alt="">
				</a>
				<a href="#" class="serve-box">
					<img src="images/trang.png" alt="">
				</a>
				<a href="#" class="serve-box">
					<img src="images/smar.png" alt="">
				</a>
				<a href="#" class="serve-box">
					<img src="images/ad.png" alt="">
				</a>
				<a href="#" class="serve-box">
					<img src="images/mse.png" alt="">
				</a>
				<a href="#" class="serve-box">
					<img src="images/iame.png" alt="">
				</a>
				<a href="#" class="serve-box">
					<img src="images/trang.png" alt="">
				</a>
			</div>
		</div>
	</div>
	<footer>
		<div class="container">
			<div class="footer-inner clearfix">
				<div class="footer-left">
					<h3>联系我们</h3>
					<ul>
						<li>地址：武汉市洪山区街道口鹏程国际B座2511</li>
						<li>电话：18238765101</li>
						<li>传真：（123）456-7890</li>
						<li>邮箱：support@vectorlab。com</li>
						<li class="active">027-82671661</li>
					</ul>
				</div>
				<div class="footer-right">
					<h3>相关链接</h3>
					<p>
						<a href="">解决方案</a>
						<a href="">产品展示</a>
						<a href="">客户案例</a>
						<a href="">服务中心</a>
						<a href="">关于我们</a>
						<a href="">招贤纳士</a>
					</p>
				</div>
			</div>
		</div>

	</footer>

	<script src="js/script.js"></script>
</body>
</html>